@font18:18px;
@font25:25px;
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size:16px}
.fs20{font-size: 20px;}
.fs25{font-size:@font25}
.fs30{font-size: 30px;}
h2,h3{font-weight: 400;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt24{margin-top: 24px;}
.more{color: @link-color;}
.ml10{margin-left: 10px;}
.yellow{color: @S03_002}
.yellow-btn{background-color:#bbad06;border-color:#bbad06;}
.ovhidden{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;}
.ivu-radio-group{
    display: block;
    &-item{
        width: 30%;
        margin-bottom:10px;
    }
}
.ivu-table-cell-slot span+span{margin-left:10px;}
.ivu-select-multiple .ivu-select-item-selected,.ivu-select-multiple .ivu-select-item-focus, .ivu-select-multiple .ivu-select-item-selected:hover{background:@primary-color;color:@white-color}
.ivu-select-multiple .ivu-select-item-selected:after{color:@white-color}
.ivu-tag-text,.ivu-select-multiple .ivu-select-selection .ivu-select-placeholder{color:@df-color;font-size:12px;}
.ivu-tag{border-color: @df-color;}
.ivu-title{
    label{
        font-size: 20px;
        margin-right: 30px;
    }
}
.ivu-table:before,.ivu-table-border:after{background: none;}
.ivu-tabs{
    &-unit{
        color: @white-color;
        .ivu-tabs-bar{
            border:none;
            .ivu-tabs-nav-container{
                height: 36px!important;
                .ivu-tabs-tab{
                    border: 1px solid @button-primary-active-bg;
                    background-color: @border-color;
                    color: @default-color;
                    // border:none;
                    border-radius: 0;
                    margin-right:20px;
                    height:36px;
                    padding:8px 27px 6px
                }
                .ivu-tabs-tab-active{
                    color: @white-color;
                    // background-color: @button-primary-active-bg;
                }
            }

        }
    }
}
.unit-info{
    display: flex;
    align-items: center;
    height: 100px;
    &-left{
        background-color: #142f92;
        border:1px solid #213d95;
        margin-right:18px;
        padding:18px 30px;
        color: @white-color;
        height:100%;
        min-width: 300px;
        p{
            color: @blue-color;
        }
    }
    &-right{
        background-color: @colbg-color;
        border:1px solid #213d95;
        flex: 1;
        display: flex;
        padding:22px 0px;
        color: @white-color;
        height: 100%;
        .unit-info-item{padding:0 80px 0 40px;position: relative;}
        .unit-info-item + .unit-info-item::before{
            content: '';
            background-color: #172a74;
            height: 42px;
            position: absolute;
            width: 1px;
            left:0;
            top:5px
        }
    }
}
.cre6{color: #e6a328;}
.cr18{color: #18cc24;}
.crdb{color: #db050f;}
.tag{
   background-color: @background-color-menu;
   border-radius: 24px;
   padding:0 10px;
   line-height: 24px;
   display: inline-block;
}

.overview-ban{
    h2{
        font-size: @font25;
    }
    h3{
        font-size: @font18;
    }
    .col-bg{
        padding: 20px 20px 0;height: 260px;
    }
    .overview-name{background: url(../../assets/images/banner@2x.png) no-repeat top right;background-size: 100% 100%;}
}
.overview-device{
    display:flex;
    margin:10px -10px 0;
    ul{
        display: flex;
        min-width: 100%;
        li{
            list-style: none;
            min-width: 280px;
            float: left;
            padding:0 5px;
            .device-item{
                padding:20px 15px 16px;
                line-height: 24px;
                position: relative;
                min-height:187px;
                .ivu-status{
                    position: absolute;
                    right:-10px;
                    background-image: url(../../assets/images/status-bg@2x.png);
                    background-size: 96px;
                    width:96px;
                    height: 40px;
                    top:10px;
                    line-height: 34px;
                    padding-left:30px;
                    color:#666
                }
                .status1{color:#ff8f00;}
                .row-content label{white-space:nowrap}
            }
        }
    }
}
.overview-col1{width:100%;}
.overview-col2{width:50%;}
.overview-col3{width:33.33%;}
.overview-col4{width:25%;}
.overview-col5{width:20%;}
.tagRedBg{background-color: #f9523b;}
.tagOrangeBg{background-color: #ff7a30;}
.tagYellowBg{background-color: #c3a126;}
.red-bg{
    background: linear-gradient(to right,#f9776c, #f9523b);
    .ivu-status{

    }
}
.ivu-poptip,.ivu-poptip-rel{width: 100%;}
.purple-bg{background: linear-gradient(to right,#a378fa, #7e44f3);}
.green-bg{background: linear-gradient(to right,#3ae3ad, #2cae79);}
.blue-bg{background: linear-gradient(to right,#50b1fe, #067df5);}
.orange-bg{background: linear-gradient(to right,#ffb88e, #ff7a30);}
.ivu-icons{width:39px;height:40px;display: inline-block;vertical-align: text-bottom;margin-right:10px;}
.icon-fire{background-image: url(../../assets/images/fire@2x.png);}
.icon-outfire{background-image: url(../../assets/images/outfire@2x.png);}
.icon-firecock{background-image: url(../../assets/images/firecock@2x.png);}
.icon-pond{background-image: url(../../assets/images/pond@2x.png);}
.icon-electric{background-image: url(../../assets/images/electric@2x.png);}
.overview-info{
    .info-title{
        border-bottom:1px solid @title-border-color;
        padding:12px 20px;
    }
    .ivu-row-info{
        padding:12px 20px 18px;
        line-height: 40px;
    }
}
.col-bg{background-color: @colbg-color;}
.ivu-grid{
    border:1px solid @grid-color;
    padding:20px;
    .ivu-col{
        padding:20px 20px 10px;
    }
    .ivu-col+.ivu-col{
        border-left:1px solid @grid-color;

    }
}
@media (min-width: @screen-md-min) {

}
